var helloWorld = new Ext.Application({
    launch: function() {
        this.tabs = new Ext.TabPanel({
            fullscreen: true,
            dockedItems: [{xtype:'toolbar', title:'Mobile Web'}],
            tabBar: {
                ui: 'light',
                layout: {
                    pack: 'center'
                }
            },
            items: [
                {cls:'home',
				 html: '<br></br><center><h3><b><font color="white">Mobile Multimedia</b></h3></center> <hr></hr><br></br> <p>   This website definitely have the pictures, videos, text and a web form to collect opinions about the websites and its applications..</font></p><br></br> <hr></hr><br></br></body>',
				  
				   title:'Home',
                 

			    },
                {cls:'gallery',
			    	html: '<div class="image"><a align = left href="1.jpg" rel="lightbox[photos]" width="10%" height="10%"><img src="1.jpg" width=100 height=100></a><a align = left href="4.jpg" rel="lightbox[photos]" width="10%" height="10%"><img src="4.jpg" width=100 height=100></a></div>',
				
				   title:'Gallery'
                 
				},
				{cls:'audio', 
				 
				   html: '<table><tr><table> <tr><td></td><td></td>  &nbsp&nbsp&nbsp&nbsp<td><h2><font color="white">Dethadi song</font><h2><audio controls="controls" ><source src="Dethadi.mp3" type="audio/mpeg" /></audio></td></tr>   <tr></tr><tr></tr>    <tr><td></td><td></td>&nbsp&nbsp&nbsp&nbsp<td><h2><font color="white">Crash Song</font><h2><audio controls="controls" ><source src="crash.mp3" type="audio/mpeg" /></audio></td></tr></table></tr></table>',
				 
				  title:'Audio',
                  
				},
				{cls:'video',
					html:'<center><table cellpadding="60" cellspacing = "300"><tr><td><h2><font color="white">Businessman Teaser</font><h2><video width="240" height="240"  id = "video1" name = "businessman_teaser.mp4" onclick = index("businessman_teaser.mp4") style = "padding-top:100";><source src="businessman_teaser.mp4" type="video/mp4" />Your browser does not support the video tag.</video> </td></tr> <tr><td><h2><font color="white">Comedy Scene</font><h2><video width="240" height="240"  id = "video2" name = "comedy.mp4" onclick = index("comedy.mp4") style = "padding-top:100;"><source src="comedy.mp4" type="video/mp4" />Your browser does not support the video tag.</video></td></tr></table></center>', 
					
				   title:'Video',
                
				},
				{cls:'feedback', 

				  
				  title:'Feedback',
                  
				  html: '<center><u><b>Please fill your opinion on the website:</b></u><form name="feedbackform" method="get" action="mobileweb" ><table><tr><td>Name:</td><td><input type="text" id="name" name="name"/></td></tr> <br></br> <tr><td>Email ID:</td><td><input type="text" id="email" name="email"/></td></tr>  <br></br> <tr><td>Comments:</td> <td><textarea name="comments" rows="5" cols="25"></textarea></td></tr> <br></br> <tr><td><input type="reset" name="button1" value="RESET"></td>  <td><input type="submit" name="button2" value="SUBMIT" onclick=""></td></tr></table> </form></centre>'
				}
            ]

				
        });
    }
});